<!DOCTYPE html>
<html lang="en" >

<head>
<meta charset="UTF-8">
<title>Only CSS: Light Wave</title>

<link rel="stylesheet" href="css/style.css">


</head>

<body>

  
<div class="sea">
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="wave">
    <div class="wave_fade">
      <div class="wave_translate">
        <div class="wave_skew">
          <div class="wave_graphic"></div>
        </div>
      </div>
    </div>
  </div>
</div>
  
  

</body>

</html>
